<template>
	<div>
		<div class="header">我的音乐</div>
		<van-cell-group inset>
			<van-cell title="本地/下载" icon="orders-o" to="/mymusic/localmusic" />
			<van-cell title="我的歌手" icon="user-circle-o" to="/mymusic/myartistlist" />
		</van-cell-group>
		<van-cell-group inset>
			<van-cell title="我的歌单" to="/mymusic/steetlist" />
			<!-- <van-cell-group inset>
				<van-cell title="我最喜欢的音乐" size="large" icon="like" to="/mymusic/steetlist" />
				<van-dropdown-menu :overlay="false">
					<van-dropdown-item v-model="value1" :options="option1" />
				</van-dropdown-menu>
			</van-cell-group> -->
		</van-cell-group>
		<!-- <button type="button" @click="fn1">qsac</button>
		<div v-for="item in list">{{item.name}}</div> -->
		<Suspense>
			<!-- 子路由输出 -->
			<router-view></router-view>
		</Suspense>
	</div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import axios  from 'axios'

const value1 = ref(0);
// const option1 = [
// 	{ text: '歌曲1', value: 0 },
// 	{ text: '歌曲2', value: 1 },
// 	{ text: '歌曲3', value: 2 },
// 	{ text: '歌曲4', value: 3 },
// 	{ text: '歌曲5', value: 4 },
// 	{ text: '歌曲6', value: 5 },
// ]


// const list = ref([])
// const  fn1 =  async ()=>{
// 	let res = await axios({
// 		method:"get",
// 		url:"http://localhost:3000/user/playlist?uid=432079782",
// 	})
// 	console.log(res.data.playlist);
// 	list.value = res.data.playlist

// }

</script>

<style scoped lang="scss">
.header{
	font-size: 0.5rem;
	color: white;
	text-align: center;
	background: #D30707;
	line-height: 44px;
	height: 44px;
}

</style>